$(function() {

	//动态页面显示
	var urlStr = location.href;
	var p_id = urlStr.split("?")[1]
	$.ajax({
		url: "./../server/getCurrentPro.php",
		type: "post",
		dataType: "json",
		data: {
			p_id: p_id
		}
	}).then(function(res) {
		for(var i = 0; i < res.length; i++) {
			if(p_id == res[i].p_id) {
				var proCurrent = res[i];
				$(".p_id").text(proCurrent.p_id);
				console.log(proCurrent.P_img)
				for(var j = 0; j < $(".small-img img").length; j++) {
					$($(".small-img img")[j]).attr("src", proCurrent.P_img[j])
				}
				$(".big-img img").attr("src", proCurrent.P_img[0])
				$(".fangda img").attr("src", proCurrent.P_img[0])
				$(".main .p_name").text(proCurrent.p_name)
				$(".main .p_price").text(proCurrent.p_price)
				break;
			}
		};
	})

	var flag = false;
	var u_id = "";
	$.ajax({
		type: "post",
		dataType: "json",
		async: true,
		url: "./../server/isLogin.php"

	}).then(function(res) {

		//登录了
		if(res.status == 1) {
			console.log("登录")
			var str = `欢迎${res.data.u_name}<a id="iquit">退出</a>`
			$(".info").html(str)
			$(".info").css({
				"color": "#fff"
			})
			$.ajax({
				type: "post",
				url: "./../server/carts.php",
				dataType: "json",
				data: {
					u_id: res.data.u_id
				}
			}).then(function(ref) {
				$(".pronum").css("display", "block")
				$(".pronum").text(ref.data.length)
			})
			flag = true;
			u_id = res.data.u_id
		} else {
			console.log("未登录")
		}
	})

	$("body").on("click", "#iquit", function() {

		$.get("./../server/iQuit.php", function() {
			alert("退出成功");

			window.location.reload(true);
		})

	});

	$(".small-img li").hover(function() {
		$(".big-img img").attr("src", $(this).find("img").attr("src"))
		$(".fangda img").attr("src", $(this).find("img").attr("src"))
		$(".small-img li").css({
			"border": "solid 1px #ccc",
			"padding": "2px"
		})
		$(this).css({
			"border": "solid 2px #c40000",
			"padding": "1px"
		})
	}, function() {
		$(this).css({
			"border": "solid 2px #c40000"
		})
	});

	$(".add").on("click", function() {
		$(".p_num").val($(".p_num").val() - 0 + 1)
	});
	$(".sub").on("click", function() {
		if($(".p_num").val() > 1) {
			$(".p_num").val($(".p_num").val() - 1)
		}

	});
	var Cookienum = JSON.parse($.cookie("carts") || '[]');
	if(Cookienum != "[]") {
		$(".pronum").css("display", "block")
		$(".pronum").text(Cookienum.length);
	}

	$(".btn").on("click", function() {
		if($(".p_num").val() >= 1 && $(".p_num").val() <= 9999999) {
			$(".addcarts").css("display", "block");
			$(".addcarts").stop();
			$(".addcarts").animate({
				"opacity": 1
			}, 1000, function() {
				$(".addcarts").animate({
					"opacity": 0
				}, 1000, function() {
					$(".addcarts").css("display", "none");
				})

			})
			if(flag == true) {
				//2.数据库中
				var formdate = new FormData();
				formdate.append("u_id", u_id);
				formdate.append("p_id", $(".p_id").text() - 0);
				formdate.append("p_name", $(".p_name").text());
				formdate.append("p_price", $(".p_price").text());
				formdate.append("p_num", $(".p_num").val());
				formdate.append("p_total", $(".p_num").val() * $(".p_price").text());
				formdate.append("P_img", $(".small-img img").attr("src"));

				$.ajax({
					type: "post",
					url: "./../server/insertCart.php",
					data: formdate,
					dataType: "json",
					processData: false,
					contentType: false
				}).then(function(res) {
					console.log(res);
					console.log("更新成功")
					if(res.status == 1) {
						if($(".pronum").text() >= 1) {
							$(".pronum").text($(".pronum").text() - 0 + 1)
						}
					}
				})

			} else {
				console.log("未登录");
				//未登录
				var arrCookie = JSON.parse($.cookie("carts") || '[]');
				$(".pronum").css("display", "block");
				if(arrCookie != '[]') {
					var flagPro = false;
					for(var i = 0; i < arrCookie.length; i++) {
						if(arrCookie[i].p_id == $(".p_id").text()) {
							arrCookie[i].p_num = arrCookie[i].p_num - 0 + ($(".p_num").val() - 0)
							flagPro = true;
							break;
						}
					}
					if(flagPro == false) {
						var obj = {
							"u_id": u_id,
							"p_id": $(".p_id").text() - 0,
							"p_name": $(".p_name").text(),
							"p_price": $(".p_price").text(),
							"p_num": $(".p_num").val(),
							"p_total": $(".p_num").val() * $(".p_price").text(),
							"P_img": $($(".small-img img")[0]).attr("src")
						}
						arrCookie.push(obj);
						$.cookie("carts", JSON.stringify(arrCookie))
						$(".pronum").text(arrCookie.length);
					} else {
						$.cookie("carts", JSON.stringify(arrCookie))
						$(".pronum").text(arrCookie.length);
					}
				} else {
					$(".pronum").text("1")
					var obj = {
						"u_id": u_id,
						"p_id": $(".p_id").text() - 0,
						"p_name": $(".p_name").text(),
						"p_price": $(".p_price").text(),
						"p_num": $(".p_num").val(),
						"p_total": $(".p_num").val() * $(".p_price").text(),
						"P_img": $(".small-img img").attr("src")
					}
					arrCookie.push(obj);
					$.cookie("carts", JSON.stringify(arrCookie))
				}

			}
		} else {
			$(".errorMsg").css("display", "block");
			$(".errorMsg").stop();
			$(".errorMsg").animate({
				"opacity": 0.8
			}, 800, function() {
				$(".errorMsg").animate({
					"opacity": 0
				}, 800, function() {
					$(".errorMsg").css("display", "none");
				})
			})
		}
	});
	$(".address").hover(function() {
		$(".addressBox").css({
			"display": "block"
		});
	}, function() {
		$(".addressBox").css({
			"display": "none"
		});
		$(".addressBox").hover(function() {
			$(".addressBox").css({
				"display": "block"
			});
		}, function() {
			$(".addressBox").css({
				"display": "none"
			});
		})
	});
	$(".addressBox dd").on("click", function() {
		$(".addressBox").css({
			"display": "none"
		});
		$(".address span").text($(this).text() + " " + "∨")
	});
	$(".big-img").on("mouseenter", function(e) {
		$(".look").css("display", "block");
		$(".fangda").css("display", "block");

		// $(".look").css({
		// 	left:e.pageX-$(".big-img")[0].offsetLeft-$(".look")[0].offsetLeft-$(".look")[0].offsetWidth/2,
		// 	top:e.pageY-$(".big-img")[0].offsetTop-$(".look")[0].offsetTop-$(".look")[0].offsetHeight/2
		// })
		$(".big-img").on("mousemove", function(e) {
			var disX = e.pageX - $(".big-img")[0].offsetLeft - $(".look")[0].offsetWidth / 2;
			var disY = e.pageY - $(".big-img")[0].offsetTop - $(".look")[0].offsetHeight / 2;
			if(disX <= 0) {
				disX = 0
			}
			if(disX >= $(".big-img")[0].offsetWidth - $(".look")[0].offsetWidth) {
				disX = $(".big-img")[0].offsetWidth - $(".look")[0].offsetWidth;
			}
			if(disY <= 0) {
				disY = 0;
			}
			if(disY >= $(".big-img")[0].offsetHeight - $(".look")[0].offsetHeight) {
				disY = $(".big-img")[0].offsetHeight - $(".look")[0].offsetHeight
			}

			$(".look").css({
				left: disX + "px",
				top: disY + "px"
			});
			$(".fangda img").css({
				left: -2 * disX + "px",
				top: -2 * disY + "px"
			})
		})
		$(".big-img").on("mouseleave", function() {
			$(".big-img").off("mousemove");
			$(".look").css("display", "none");
			$(".fangda").css("display", "none");
		})
	});

})